Text Boxes

Main//Content

#menu{l
border: 1px solid black;
width: 100px;
background-color: #EEE0E5;
}

#menu a{
font: normal 8px arial narrow;
padding: 0px;
padding-left:0px;
display: block;
width: 100%;
color: 000000;
text-decoration: none;
border-bottom: 1px solid #000000;
}

html>body #menu a{
width: auto;
}

#menu a:hover{
background-color: #000000;
color: white;
}

#tabledescription{
width: 100%;
height: 3em;
padding: 2px;
filter:alpha(opacity=0);
-moz-opacity:0;
}

</style>

var baseopacity=0

function showtext(thetext){
if (!document.getElementById)
return
textcontainerobj=document.getElementById("tabledescription")
browserdetect=textcontainerobj.filters? "ie" : typeof textcontainerobj.style.MozOpacity=="string"? "mozilla" : ""
instantset(baseopacity)
document.getElementById("tabledescription").innerHTML=thetext
highlighting=setInterval("gradualfade(textcontainerobj)",50)
}

function hidetext(){
cleartimer()
instantset(baseopacity)
}

function instantset(degree){
if (browserdetect=="mozilla")
textcontainerobj.style.MozOpacity=degree/100
else if (browserdetect=="ie")
textcontainerobj.filters.alpha.opacity=degree
else if (document.getElementById && baseopacity==0)
document.getElementById("tabledescription").innerHTML=""
}

function cleartimer(){
if (window.highlighting) clearInterval(highlighting)
}

function gradualfade(cur2){
if (browserdetect=="mozilla" && cur2.style.MozOpacity<1)
cur2.style.MozOpacity=Math.min(parseFloat(cur2.style.MozOpacity)+0.2, 0.99)
else if (browserdetect=="ie" && cur2.filters.alpha.opacity<100)
cur2.filters.alpha.opacity+=20
else if (window.highlighting)
clearInterval(highlighting)
}

</script>
<div id="menu"><center>

Header Here

Link Name
Link Name
Link Name
Link Name
Link Name

Navigation

Go to...

Link Name
Link Name
Link Name
Link Name
Link Name
Link Name

Klick it

<font face='tahoma'><font size='2'><font color='#000000'>
<br><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 10px; COLOR:000000 ; FONT-FAMILY: tahoma ; LETTER-SPACING: 1px"><style>

</style>
<script language="JavaScript1.2">
<!--

var head="display:''"
img1=new Image()
img1.src="fold.gif"
img2=new Image()
img2.src="open.gif"

var ns6=(document.getElementById&&!document.all||window.opera)
var ie4=document.all&&navigator.userAgent.indexOf("Opera")==-1

function checkcontained(e){
var iscontained=0
cur=ns6? e.target : event.srcElement
i=0
if (cur.id=="foldheader")
iscontained=1
else
while (ns6&&cur.parentNode||(ie4&&cur.parentElement)){
if (cur.id=="foldheader"||cur.id=="foldinglist"){
iscontained=(cur.id=="foldheader")? 1 : 0
break
}
cur=ns6? cur.parentNode : cur.parentElement
}

if (iscontained){
var foldercontent=ns6? cur.nextSibling.nextSibling : cur.all.tags("UL")[0]
if (foldercontent.style.display=="none"){
foldercontent.style.display=""
cur.style.listStyleImage="url(open.gif)"
}
else{
foldercontent.style.display="none"
cur.style.listStyleImage="url(fold.gif)"
}
}
}

if (ie4||ns6)
document.onclick=checkcontained

//-->
</script>

<ul>
<li id="foldheader">Klick it</li>
<ul id="foldinglist" style="display:none" style="&{head};">

</ul></FONT></FONT></font></font></font>

#menu{
border: 1px solid black;
width: 170px;
background-color: #CDC1C5;
}

#menu a{
font: normal 10px verdana;
padding: 0px;
padding-left: 0px;
display: block;
width: 100%;
color: black;
text-decoration: none;
border-bottom: 1px solid black;
}